<div class="fadeIn" style='overflow-x: auto;'>
                    
   <br/>
    <ol class="breadcrumb">
        <li class="active"><span class="glyphicon glyphicon-home" style="color:#23527c"></span>&nbsp;<mainpage></mainpage></li>
        <li class="active">监控工作台 / 环境监控 / 主机监控 / 系统监控</li>
    </ol>
    <div class="systemBox">
       <div class="clearfix">
         <div class="left marR10">
                        <span class="search-name">主机名称</span>
                        <select name="systemName" style='width:120px;padding:6px 0' ng-change="changeHost()" class="form-control1" ng-model='hostId' ng-options='item.objId as item.objName for item in result'>     
                        </select>                        
         </div>
         <p class="left systemLine"><b>主机健康状态：</b><span class="systemState"></span>&nbsp;&nbsp;绿色正常、一级告警橙色、二级告警棕色 、三级告警红色</p>
    
        </div>

        <div class="row">
            <div class="col-sm-3">
                <div class="borderBlack">
                    <h5>系统信息</h5>
                    <div class="system_gunBox">
                     <div class="gunDiv">
                      <p ng-repeat='item in sysData'>{{item.keyCn}}：{{item.value}}</p>
                     </div>  
                    </div>
                </div>
                 <div class="borderBlack">
                    <h5 class="bg-info">硬件信息</h5>
                  <div class="hardware_gunBox">
                    <div class="gunDiv">
                        <p ng-repeat='item in hardData1'>
                         {{item.keyCn}} : {{item.value}}
                        </p>   
                        <p ng-repeat='(key,value) in hardData2'>
                           <!-- <span style='display:block;margin-bottom:7px;'>硬盘：{{key+1}}</span> -->
                           <span style='display:block;margin-bottom:7px;'' ng-repeat='item1 in value'>{{item1.keyCn}} : {{item1.value}}</span>
                        </p>                   
                    </div>                    
                  </div>
                </div>
                <div class="borderBlack">
                    <h5 class="bg-info">任务信息</h5>
                    <div class="task_gunBox">
                    <div class="gunDiv">
                        <p ng-repeat='item in taskData'>{{item.keyCn}}：{{item.value}}</p>
                         
                    </div>                    
                  </div>
                </div>
            </div>
            <div class="col-sm-9">
                <div class="row">
                    <div class="col-sm-8">
                        <div id="cpuState"></div>
                        <div id="memory"></div>
                        <div class="row">
                            <!-- <div class="col-sm-6" id="storage"></div>  磁盘使用  先屏蔽-->
                            <div class="col-sm-6" id="net"></div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div id="average"></div>
                        <div id="process">
                            <h3>进程</h3>
                <table class="table table-bordered table-striped text-center bg-info">
                  <thead >
                    <tr>
                        <th class="text-center">进程</th>
                        <th class="text-center">用户</th>
                        <th class="text-center">cpu使用率</th>  
                        <th class="text-center">内存使用</th> 
                    </tr>
                    </thead>
                    <tbody id="appList">
                    <tr ng-repeat='item in progress'>
                        <td>{{item.pidname}}</td>
                        <td>{{item.piduser}}</td>
                        <td>{{item.pidcpu}}</td>
                        <td>{{item.pidmem}}</td>  
                    </tr>
                    
                    </tbody>
                
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 加载框 -->
  <span class='loaded' ng-show='loaded'><img  src="img/load.gif"></span>
<!-- 加载框 完成-->